<template>
  <div id="list">
    <commodity :list="list"></commodity>
    <commodity :list="lists"></commodity>
    <commodity :list="listss"></commodity>
    <commodity :list="listsss"></commodity>
  </div>
</template>

<script>
import commodity from "@/components/commodity/commodity";
import { Pice } from "../../utils/api";
export default {
  name: "",
  components: {
    commodity,
  },
  data() {
    return {
      list: [],
      lists:[],
      listss:[],
      listsss:[],
    };
  },
  created() {
    Pice().then((res) => {
      console.log(res.data[10]);
      this.list = res.data[9]
      this.lists = res.data[6]
      this.listss = res.data[7]
      this.listsss = res.data[8]
    });
  },
  methods: {},
};
</script>

<style lang="scoped"></style>
